.page-container {
	max-width: 640px;
	margin: auto;
}

#bgm-btn {
	width: 40px;
	height: 40px;
	position: fixed;
	top: 30px;
	right: 20px;
	z-index: 999;
}

.bgm-play {
	background-image: url('/static/img/ply.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	animation: rotation 3s linear infinite;
}

.bgm-pause {
	background-image: url('/static/img/stop.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#loading-panel {
	margin-top: 250px;
}
@keyframes rotation {
	from {
		transform: routate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@import "scss/cover";
@import "scss/question";
@import "scss/end";

